import { fileURLToPath, URL } from 'node:url'
//import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import VueDevTools from 'vite-plugin-vue-devtools'
import  ViteSetupExtend from "vite-plugin-vue-setup-extend"
import { createHtmlPlugin } from "vite-plugin-html";
import { defineConfig, loadEnv } from 'vite'

//获取vite中的环境变量
const getViteEnv = (mode, target) => { //模式  环境变量名
  return loadEnv(mode, process.cwd())[target];
};


// https://vitejs.dev/config/
export default ({mode}) =>{
  return defineConfig({
  plugins: [
    vue(),
    VueDevTools(),
    ViteSetupExtend(),   
    createHtmlPlugin({
      inject: {
        data: {
          title: getViteEnv(mode, "VITE_APP_TITLE"),
        },
      },
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})
}

// import { fileURLToPath, URL } from 'node:url'
// import { defineConfig, loadEnv } from 'vite'
// import vue from '@vitejs/plugin-vue'
// import VueDevTools from 'vite-plugin-vue-devtools'
// import ViteSetupExtend from "vite-plugin-vue-setup-extend"
// import { createHtmlPlugin } from "vite-plugin-html";

// ////获取vite中的环境变量
// const getViteEnv = (mode, target) => { //模式  环境变量名
//   return loadEnv(mode, process.cwd())[target];
// };

// export default ({ mode }) => defineConfig({
//   plugins: [
//     vue(),
//     VueDevTools(),
//     ViteSetupExtend(),
//     createHtmlPlugin({
//       inject: {
//         data: {
//           title: getViteEnv(mode, "VITE_APP_TITLE"),
//         },
//       },
//     }),
//   ],
//   resolve: {
//     alias: {
//       '@': fileURLToPath(new URL('./src', import.meta.url))
//     }
//   }
// });

